<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    h4 {
        margin: 0;
        padding: 0;
        margin-top: -2px;
        font-weight: normal;

    }

    a {
        color: #333;
        text-decoration: none;
    }

    a:hover {
        color: orange;
        padding-bottom: 2px;
        border-bottom: 2px solid orange;
    }

    .header {
        display: flex;
        width: 1190px;
        height: 30px;
        justify-content: space-between;

    }

    .header>.left {
        margin-top: 5px;
        padding-left: 5px;
    }

    .header>.right>a {
        margin-top: 5px;
        margin-right: 10px;
        float: left;
        font-size: 12px;

    }

    .list {
        width: 1190px;
        height: 615px;

    }

    .list>.right-box {
        float: left;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        width: 960px;
        height: 634px;
    }

    .list>div {
        margin-right: 5px;

    }

    .list>.left {
        float: left;
        width: 220px;
        height: 618px;
        background-color: red;
    }

    .list .right {
        margin-right: 5px;
        margin-bottom: 7px;
        width: 235px;
        background-color: red;
        height: 300px;

    }
</style>

<body>
    <div class="mi-wrapper">
        <div class="header">
            <div class="left">
                <h4>智能穿戴</h4>
            </div>
            <div class="right">
                <a class="hot" href="#">热门</a>
                <a class="info" href="#">穿戴</a>
            </div>
        </div>
        <div class="list">
            <div class="left"></div>
            <div class="right-box">
                <div class="right">1</div>
                <div class="right">2</div>
                <div class="right">3</div>
                <div class="right">4</div>
                <div class="right">5</div>
                <div class="right">6</div>
                <div class="right">7</div>
                <div class="right">8</div>
            </div>

        </div>
    </div>
</body>
<script></script>

</html>